<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>C.3 事件方法 - jQuery快速参考</title>
<style type="text/css">
body { font-size:0.75em; }
table { width:99%; margin:0 auto; border-top:2px solid #000; border-bottom:2px solid #000; border-collapse:collapse; border-spacing:0; }
table th, table td { padding:0.4em 2em; }
table th { border-bottom:1px solid #000; }
</style>
</head>

<body>
<h3>jQuery快速参考（索引）</h3>
<ul>
  <li><a href="./jq_n1.html">C.1 选择符表达式</a></li>
  <li><a href="./jq_n2.html">C.2 DOM遍历方法</a></li>
  <li><a href="./jq_n3.html">C.3 事件方法</a></li>
  <li><a href="./jq_n4.html">C.4 效果方法</a></li>
  <li><a href="./jq_n5.html">C.5 DOM操作方法</a></li>
  <li><a href="./jq_n6.html">C.6 AJAX方法</a></li>
  <li><a href="./jq_n7.html">C.7 延迟方法</a></li>
  <li><a href="./jq_n8.html">C.8 其他方法</a></li>
</ul>
<hr />
<h1>jQuery快速参考</h1>
<h2>C.3 事件方法</h2>
<p>为了对用户的行为作出反应，需要使用下面给出的<strong>事件方法</strong>来注册处理程序。注意，许多DOM元素仅适用于特定的元素类型，本附录没有给出相关的细节，本书第3章详细讨论了时间方法。</p>
<h3>C.3.1 绑定</h3>
<table>
  <caption>
  表 C-13
  </caption>
  <tr>
    <th scope="col">事件方法</th>
    <th scope="col">说明</th>
  </tr>
  <tr>
    <td>.ready(handler)</td>
    <td>绑定在DOM和CSS完全加载后调用和处理程序handler</td>
  </tr>
  <tr>
    <td>.bind(type, [data], handler)</td>
    <td>绑定在给定类型的事件type发送到元素时调用的处理程序handler</td>
  </tr>
  <tr>
    <td>.one(type, [data], handler)</td>
    <td>绑定在给定类型的事件type发送到元素时调用的处理程序handler，并在handler被调用后立即解除绑定</td>
  </tr>
  <tr>
    <td>.unbind([type], [handler])</td>
    <td>解除元素上绑定的处理程序（可以指定事件类型或处理程序，不指定则解除所有绑定）</td>
  </tr>
  <tr>
    <td>.live(type, handler)</td>
    <td>绑定当给定事件发送到元素后调用的处理程序，使用事件委托</td>
  </tr>
  <tr>
    <td>.die(type, [handler])</td>
    <td>删除前面通过.live()绑定到元素上的处理程序</td>
  </tr>
  <tr>
    <td>.delegate(selector, type, [data], handler)</td>
    <td>绑定当给定事件发送到与selector匹配的后代元素后调用的处理程序</td>
  </tr>
  <tr>
    <td>.delegate(selector, handlers)</td>
    <td>绑定当给定事件发送到与selector匹配的后代元素后调用的处理程序映射</td>
  </tr>
  <tr>
    <td>.undelegate(selector, type, [handler])</td>
    <td>解除之前通过.delegate()绑定到元素上的处理程序</td>
  </tr>
</table>
<h3>C.3.2 简写绑定</h3>
<table>
  <caption>
  表 C-14
  </caption>
  <tr>
    <th scope="col">事件方法</th>
    <th scope="col">说明</th>
  </tr>
  <tr>
    <td>.blur(handler)</td>
    <td>绑定当元素失去键盘焦点时调用的处理程序</td>
  </tr>
  <tr>
    <td>.change(handler)</td>
    <td>绑定当元素的值改变时调用的处理程序</td>
  </tr>
  <tr>
    <td>.click(handler)</td>
    <td>绑定当元素被单击是调用的处理程序</td>
  </tr>
  <tr>
    <td>.dblclick(handler)</td>
    <td>绑定当元素被双击时调用的处理程序</td>
  </tr>
  <tr>
    <td>.error(handler)</td>
    <td>绑定当元素接收到错误事件（取决于浏览器）时调用的处理程序</td>
  </tr>
  <tr>
    <td>.focus(handler)</td>
    <td>绑定当元素获得键盘焦点时调用的处理程序</td>
  </tr>
  <tr>
    <td>.focusin(handler)</td>
    <td>绑定当元素或后代元素获得键盘焦点时调用的处理程序</td>
  </tr>
  <tr>
    <td>.focusout(handler)</td>
    <td>绑定当元素或后代元素失去键盘焦点时调用的处理程序</td>
  </tr>
  <tr>
    <td>.keydown(handler)</td>
    <td>绑定当元素拥有键盘焦点且有键被按下时调用的处理程序</td>
  </tr>
  <tr>
    <td>.keypress(handler)</td>
    <td>绑定当元素拥有键盘焦点且有按键事件发生时调用的处理程序</td>
  </tr>
  <tr>
    <td>.keyup(handler)</td>
    <td>绑定当元素拥有键盘焦点且有键被释放时调用的处理程序</td>
  </tr>
  <tr>
    <td>.load(handler)</td>
    <td>绑定当元素加载完成时调用的处理程序</td>
  </tr>
  <tr>
    <td>.mousedown(handler)</td>
    <td>绑定当在元素中按下鼠标键时调用的处理程序</td>
  </tr>
  <tr>
    <td>.mouseenter(handler)</td>
    <td>绑定当鼠标指针进入元素时调用的处理程序。不受事件冒泡影响</td>
  </tr>
  <tr>
    <td>.mouseleave(handler)</td>
    <td>绑定当鼠标执政离开元素时调用的处理程序。不受事件冒泡影响</td>
  </tr>
  <tr>
    <td>.mousemove(handler)</td>
    <td>绑定当在元素中移动鼠标指针时调用的处理程序</td>
  </tr>
  <tr>
    <td>.mouseout(handler)</td>
    <td>绑定当鼠标指针离开元素时调用的处理程序</td>
  </tr>
  <tr>
    <td>.mouseover(handler)</td>
    <td>绑定当鼠标指针进入元素时调用的处理程序</td>
  </tr>
  <tr>
    <td>.mouseup(handler)</td>
    <td>绑定当在元素中释放鼠标键时调用的处理程序</td>
  </tr>
  <tr>
    <td>.resize(handler)</td>
    <td>绑定当调整元素大小时调用的处理程序</td>
  </tr>
  <tr>
    <td>.scroll(handler)</td>
    <td>绑定当元素的滚动位置改变时调用的处理程序</td>
  </tr>
  <tr>
    <td>.select(handler)</td>
    <td>绑定当元素中的文本被选中是调用的处理程序</td>
  </tr>
  <tr>
    <td>.submit(handler)</td>
    <td>绑定当表单元素被提交后调用的处理程序</td>
  </tr>
  <tr>
    <td>.unload(handler)</td>
    <td>绑定当元素从内存中被卸载后调用的处理程序</td>
  </tr>
</table>
<h3>C.3.3 特殊简写</h3>
<table>
  <caption>
  表 C-15
  </caption>
  <tr>
    <th scope="col">事件方法</th>
    <th scope="col">说明</th>
  </tr>
  <tr>
    <td>.hover(enter, leave)</td>
    <td>绑定当鼠标指针进入元素时调用的enter及当鼠标指针离开元素时调用的leave处理程序</td>
  </tr>
  <tr>
    <td>.toggle(handler1,handler2, …)</td>
    <td>绑定当元素被单击时调用的handler1，当元素再次被单击时调用的handler2，……依次绑定在后续单击时调用的一系列处理程序</td>
  </tr>
</table>
<h3>C.3.4 触发事件</h3>
<table>
  <caption>
  表 C-16
  </caption>
  <tr>
    <th scope="col">事件方法</th>
    <th scope="col">说明</th>
  </tr>
  <tr>
    <td>.trigger(type, [date])</td>
    <td>触发元素上的事件并执行该事件的默认操作</td>
  </tr>
  <tr>
    <td>.triggerHandler(type, [date])</td>
    <td>触发元素上的事件，但不执行任何默认操作</td>
  </tr>
</table>
<h3>C.3.5 简写触发方法</h3>
<table>
  <caption>
  表 C-17
  </caption>
  <tr>
    <th scope="col">事件方法</th>
    <th scope="col">说明</th>
  </tr>
  <tr>
    <td>.blur()</td>
    <td>触发blur事件</td>
  </tr>
  <tr>
    <td>.change()</td>
    <td>触发change事件</td>
  </tr>
  <tr>
    <td>.click()</td>
    <td>触发click事件</td>
  </tr>
  <tr>
    <td>.dblclick()</td>
    <td>触发dblclick事件</td>
  </tr>
  <tr>
    <td>.error()</td>
    <td>触发error事件</td>
  </tr>
  <tr>
    <td>.focus()</td>
    <td>触发focus事件</td>
  </tr>
  <tr>
    <td>.keydown()</td>
    <td>触发keydown事件</td>
  </tr>
  <tr>
    <td>.keypress()</td>
    <td>触发keypress事件</td>
  </tr>
  <tr>
    <td>.keyup()</td>
    <td>触发keyup事件</td>
  </tr>
  <tr>
    <td>.select()</td>
    <td>触发select事件</td>
  </tr>
  <tr>
    <td>.submit()</td>
    <td>触发submit事件</td>
  </tr>
</table>
<h3>C.3.6 实用方法</h3>
<table>
  <caption>
  表 C-18
  </caption>
  <tr>
    <th scope="col">事件方法</th>
    <th scope="col">说明</th>
  </tr>
  <tr>
    <td>$.proxy(fn.context)</td>
    <td>创建一个新的在指定上下文中执行的函数</td>
  </tr>
</table>
<hr />
<h3>jQuery快速参考（索引）</h3>
<ul>
  <li><a href="./jq_n1.html">C.1 选择符表达式</a></li>
  <li><a href="./jq_n2.html">C.2 DOM遍历方法</a></li>
  <li><a href="./jq_n3.html">C.3 事件方法</a></li>
  <li><a href="./jq_n4.html">C.4 效果方法</a></li>
  <li><a href="./jq_n5.html">C.5 DOM操作方法</a></li>
  <li><a href="./jq_n6.html">C.6 AJAX方法</a></li>
  <li><a href="./jq_n7.html">C.7 延迟方法</a></li>
  <li><a href="./jq_n8.html">C.8 其他方法</a></li>
</ul>
<p>本内容收集自《jQuery基础教程<sup style="font-size:0.5em;">（第三版）</sup>》，仅自用，禁止发布与公开！</p>
</body>
</html>
